import React from "react";

import "./index.scss";
const camera = require("@/images/icon/liveness/camera.png");
const remindImgList = ["", "", "", ""].map((item, index) =>
	require(`@/images/icon/liveness/${index + 1}.png`)
);

const LivenessTop = () => {
	return (
		<div className="liveness-component-top">
			<p>为了保障您的信息安全，需要进行人脸识别验证</p>
			<div className="liveness-component-face">
				<img src={camera} />
			</div>
			<div className="liveness-component-example">
				<div className="liveness-component-example-content">
					<h1 className="h1">人脸识别拍摄示例</h1>
					<div className="liveness-component-example-content-list">
						{remindImgList.map(item => (
							<img src={item} key={item} />
						))}
					</div>
				</div>
			</div>
		</div>
	);
};

export default LivenessTop;
